﻿
body,  ul, li, h1, h2, h3, h4, h5, h6, img, a 
{
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;	
}

body 
{
	font:0.8em/1.5 "arial", sans-serif;
	top:0;
	left:0;
	margin:0;
	background-color:#eaeaea; 
	color:#4876AA;
    height: 693px;
}

.bodyadicional
{
	font:0.8em/1.5 "arial", sans-serif;
	top:0;
	left:0;
	margin:0;
	background-color:#ffffff; 
	color:#4876AA;
}


.top-content
{
	background-image:url(../../images/top.png);
	background-repeat:repeat-x;
	height:80px;
	/*background-color:#FF4500;	*/
	width:auto;
}

.top-sistema
{
	font-size:11px;	
	padding:0px 15px 0 5px;
	color:#cfcfcf;
	height:25px;
	line-height:25px;	
	
}

.top-item
{
	float:left;
	margin-right:10px;
	height:25px;
	line-height:25px;
	
}

.top-item-r
{
	float:right;
	margin-left:10px;
	height:25px;
	line-height:25px;
}

.top-item strong , .top-item-r strong
{
	color:#fff;
	text-transform:uppercase;
}

 .top-item img
{	
	padding-top:4px;
}

 .top-item-r img
{	
	padding-top:8px;
}

.top-item-r a
{
	line-height:25px;		
	color:#fff;
	text-decoration:underline;
	font-weight:bold;	
}

.top-item a
{
	line-height:25px;		
	color:#fff;
	text-decoration:underline;
	font-weight:bold;	
}

.main-content
{
	position:relative; 	
	margin:8px; 
	margin-top:0px;		
	width:auto;
}

.main-separator
{
	/*background:url("../../images/content.gif") repeat-y;
	background-position:right;*/
	width:10px;
	
}

.main-login
{
	background:url("../../images/content.gif") repeat-y;		
	background-color:#fff;
	width:550px;
	height:270px;	
	margin:auto;
	margin-top:120px;		
}

.login-content
{	
	width:auto;
	margin-left:5px;
	border:1px solid #AFAFAF;
	height:190px;	
	padding:40px 30px;	
}



.cambiar-password
{
	background:url("../../images/content.gif") repeat-y;		
	background-color:#fff;
	width:440px;
	height:300px;	
	margin:20px;			
}

.cambiar-content
{	
	width:auto;
	margin-left:5px;
	border:1px solid #AFAFAF;
	height:260px;	
	padding:20px 30px;	
}

.tb-cambio
{
	margin-top:10px;	
}

.tb-cambio tr
{	
	line-height:28px;
}


.login-logo
{
	width:200px;
	height:57px;
	margin:auto;
	margin-bottom:20px;	
}

.tb-login
{
	margin-top:25px;	
}

.tb-login tr td
{
	padding-right:8px;
}

.column-left 
{
	float:left; 
	width:205px; 
	padding-right:5px;	
	
}

.column-center 
{		
	/*border:1px solid #AFAFAF;	*/
	background-color:#fff;
	padding:0px;
	width:100%;
}

.footer-content
{
	/*position:absolute;*/
	bottom:0px;	
	padding:15px 0; 
	width:100%;
	background:url("../../images/separator.gif") 0 0 repeat-x; 
	font:85%/1.2 "tahoma",sans-serif;
}

.footer-content p
{
	margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 0;
}	

.footer-content {color:#707070;}
.footer-content a {color:#707070;}
.footer-content a:hover, .footer-content a:active, .footer-content a:focus {color:#303030;}


/*RSTILOS DEL CONTENEDOR PRINICIPAL*/

.main-header
{
	background-image:url('../../images/titulo.gif');
	width:1084px;
	background-repeat:repeat-x;
	height:59px;
	color:#fff;	
	line-height:55px;	
	font-weight:bold;	
}

.main-titulo
{
	float:left;	
	width:51%;
	margin-left:15px;
	font-size:17px;
    height: 44px;
}

.main-opciones
{
	float:right;
	width:74%;
	text-align:right;
	margin-right:15px;
	margin-top:8px;
    height: 33px;
}

.main-opciones-salir
{
    background-image:url(../../images/titulo.gif);
	float:right;
	width:auto;
	text-align:right;
	margin-right:15px;
	background-repeat:repeat-x;
	height:55px;
	color:#fff;	
	line-height:55px;	
}

.main-opciones ul li
{
	display:inline;	
}

.dashboard
{
	margin-top:20px;
	
}

.dashboard-item
{
	float:left;
	background-image:url(../../images/fnd-icon.png);
	background-repeat:no-repeat;
	height:102px;
	width:102px;
	margin:15px;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;	
}

.dashboard-item:hover
{
	background-image:url(../../images/fnd-icon-hover.png);		
}

.dashboard-item a img
{
	margin:auto;
	text-align:center;
	margin-top:9px;
	height:51px;	
}

.dashboard-item a div
{
	margin:auto;
	text-align:center;
	color:#4876AA;
	font-size:11px;
	margin:0 5px;
	margin-top:7px	
}

.fotos-content
{
	margin-top:15px;	
}

.foto-item
{
	background-color:#E7F5FE;
	border:1px solid #DAE7ED;
	height:200px;
	width:190px;
	float:left;
	margin:15px;
	padding:5px;
	text-align:center;
}

.foto-item div
{
	color:#707070;	
	height:35px;
	font-size:11px;
}

.foto-item span
{
	color:#707070;	
}

.foto-item img
{
	width:170px;
	height:120px;
	background-color:#fff;
	border:5px solid #DAE7ED;
	margin:auto;
	margin:5px 0 0px 0;
}

.foto-item ul li
{
	display:inline;	
	color:#4876AA;
	margin:0 5px;	
}

.content-calendar
{
	margin-top:15px;	
}

.content-form ul
{
	width:69%;
	text-align:center;
	height:27px;	
}

.content-form ul li
{
	display:inline;	
}

.content-form ul li a
{
	color:#4876AA;
	font-weight:bold;
	font-size:13px;
}

.content-form ul li a:hover
{
	text-decoration:underline;	
}

.content-form ul li span
{
	color:#E70000;
	font-size:15px;
	font-weight:bold;
}

.table-j td:focus 
{
	border:1px solid #5481BD;
}


.focus
{
    border:1px solid #5481BD;
}
.table-calendar 
{
	width:100%;
}

.table-calendar thead 
{
	border:1px solid #5481BD;
}

.table-calendar thead th 
{
	background-image:url(../../images/top.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:30px;
	color:#fff;
	font-weight:bold;	
	border:1px solid #5481BD;
	width:14%;
}

.table-calendar tbody tr td
{
	border:1px solid #ECECEC;
	height:80px;
	color:#4876AA;
	font-size:15px;
	font-weight:bold;
	text-align:center;	
	cursor:pointer;	
}

.table-calendar tbody tr td:hover
{
	background-color:#DBF3FF;
}

.calendar-active
{
	background-color:#FFFEBB;
	width:auto;
	height:60px;
	padding:10px;
	background-image:url(../../images/bulet.gif);
	background-position:center left;
	background-repeat:no-repeat;	
}

.calendar-alert
{
	background-color:#FCEBE1;
	width:auto;
	height:60px;
	padding:10px;	
	background-image:url(../../images/bulet.gif);
	background-position:center left;
	background-repeat:no-repeat;
}

.calendar-activity
{
	background-color:#DBF3FF;
	width:auto;
	height:60px;
	padding:10px;
	background-image:url(../../images/bulet.gif);
	background-position:center left;
	background-repeat:no-repeat;
}

.calendar-item
{	
	font-size:12px;
	font-weight:normal;	
}

/*ESTIL9OS DE BUSQUEDA*/

.content-busqueda
{
	background-color:#FFFEBB;
	border:2px solid #F2E8DC;
	width:802px;
	padding:10px;
	margin-top:15px;
	height:24px;
}

.content-form-v2
{
	background-color:#EDEDED;
	border:2px solid #CDC9C9;
	width:auto;
	padding:10px;
	margin-top:15px;
	height:auto;
}

.content-busqueda-advanced
{
	margin-top:8px;	
	height:25px;
	width:auto;	
}

.busqueda-item
{
	float:left;
	margin-right:10px;
    height: 21px;
}

.busqueda-itemalt
{
	float:left;	
}

.busqueda-itemlabel
{
	float:left;
	width:100px;
}

.busqueda-item a
{
	color:#3764A0;
	text-decoration:underline;
}

.sort-item
{
	float:right;
	margin-left:5px;	
}

.listado
{
	margin-top:20px;	
	position:relative;
    top: 0px;
    left: 0px;
    width: 886px;
}

.listadoback
{
	margin-top:20px;	
	position:relative;
	background-color:#ffffff;	
}

.listado-scroll
{
	width:auto;
	margin-top:5px;
	height:200px;
	overflow-y:scroll;
	overflow-x:none;	
}

.tb-listado
{
	margin-top:15px;
	width:100%;	
	margin:auto;
}

.tb-listado thead 
{
	border:1px solid #5481BD;
}

.tb-listado thead th 
{
	background-image:url(../../images/top.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height:27px;
	color:#fff;
	font-weight:bold;	
	border:1px solid #5481BD;
	width:14%;
}

.tb-listado tbody tr td
{
	border:1px solid #ECECEC;
	text-indent:15px;
	line-height:22px;
	color:#707070;
}

.tb-listado tbody tr td.table-image
{
	text-indent:0;
	text-align:center;
}

.tb-listado tbody tr.tr-alt
{
	background-color:#E8F7FE;
}

.tb-listado tbody tr td a img
{
	padding-left:20px;
	line-height:20px;
	margin-top:5px;	
}

.tb-listado tbody tr td a span
{
	color:#4876AA;
	text-indent:15px;
	padding-left:15px;
	font-size:12px;
	font-weight:bold;
}


/****ESTILOS PARA EL FORMULARIO****/

.content-form
{
	width:auto;
	padding: 5px 15px 20px 15px;
	border:1px solid #DBDBDB;	
	height:auto;
}

.content-report
{
	width:auto;	
	border:1px solid #DBDBDB;	
	height:600px;
	margin:0; 
	padding:0; 
	vertical-align:top;
	background-color:#fff;		
}

fieldset
{
	border:1px solid #ccc;
	position:relative; 
	margin:10px 0; 
	padding:20px;
	width:auto;
}

 legend
{
	background:#FFF; 
	color:#0085cc;
	font-size:13px; 
	font-weight:bold;	
}

.cuadro-controles
{
	border:1px solid #ccc;
	position:relative; 
	margin:0 0; 
	padding:20px;
	width:auto;
}

.titulo-cuadro
{
	background:#FFF; 
	color:#0085cc;
	font-size:13px; 
	font-weight:bold;
	margin-top:20px;
}

.listado-subgrid
{
	margin-top:15px;	
}

.tabla-form
{
	width:auto;	
}

.tabla-form tr td
{
	/*padding-right:30px;	*/
}

.tabla-form tr td.tb-label
{
	padding-top:7px;
	font-weight:bold;
	font-size:11px;
}

.table-doble
{
	width:auto;
}

.table-doble tr td
{
	padding-right:30px;
}

.table-doble .table-form-label
{
	padding-top:7px;
	font-weight:bold;
	font-size:11px;	
}

.boton-form
{
	text-align:right;
}

.content-tree
{
	float:left;
	width:45%;	
}

.listado-tree
{
	width:auto;
	overflow-y:none;
	overflow-x:scroll;
	margin-top:10px			
}

.formulario-opcion
{
	float:right;
	width:45%;
    height: 415px;
}

/*ESTILOS DE MENSAJES*/

.content-message
{
	margin-top:0px;
	background:#E8F6FF url('../../images/ico-info.gif') no-repeat 10px 50%;
	border:2px solid #B8E2FB; 
	padding:10px;
	text-indent:30px;	
}

.content-message-alter
{
	margin-top:10px;
	border:2px solid #B8E2FB; 
	background-color:#E7E7E7;
	padding:10px;
	text-indent:30px;	
}

.content-message-alter2
{
	margin-top:10px;
	border:2px solid #B8E2FB; 
	background-color:#E7E7E7;
	padding:5px;
	
}

.content-error
{
	margin-top:10px;
	background:url("../../images/ico-delete.gif") 10px 50% no-repeat;
	border:2px solid #FFAEAE; 
	background-color:#FEEBEB;
	padding:10px;
	text-indent:30px;	
}

.content-exito
{
	margin-top:10px;
	background:url("../../images/ico-done.gif") 10px 50% no-repeat;
	border:2px solid #BBDF8D; 
	background-color:#EAF7D9;
	padding:10px;
	text-indent:30px;	
}


.content-alert
{
	margin-top:10px;
	background:url("../../images/ico-warning.gif") 10px 50% no-repeat;
	border:2px solid #F2DD8C; 
	background-color:#FFF5CC;
	padding:10px;
	text-indent:30px;	
}

/*FIN DE ESTILOS DE MENSAJES*/


.fondo-menu
{
	background-image:url(../../images/fnd-menu.png);
	background-repeat:repeat-y;
	width:190px;	
	margin-top:15px;	
	padding:10px;
	padding-left:0px;
	
}

.fondo-menucontent
{
	width:184px;	
	margin-left:8px;
	overflow-x:scroll;
	overflow-y:none;	
	padding-bottom:10px;	
}

.table-local tr td strong
{
	padding-right:10px;	
}

.link-local 
{
	padding-top:10px;	
}

.link-local div
{
	background-image:url(../../images/fnd-link.png);
	background-repeat:no-repeat;
	width:70px;
	float:left;	
	height:22px;
	margin:auto;
	text-indent:15px;		
}

.link-local div a
{
	line-height:22px;
	color:#4876AA;
	font-size:11px;
	text-indent:15px;	
}

.div-collapse
{
	width:10px;
	height:55px;
	cursor:pointer;	
}

.div-collapse-header
{
	width:55px;
	height:10px;
	margin:auto;
	cursor:pointer;	
}

/****ESTILOS PARA LA PARTE DE CONTACTOS DEL CLIENTE*****/

.content-contacto
{
	width:100%;
	margin:auto;
	height:100%;
}

.contacto-fnd
{
	width:auto;
	height:100%;
	margin-top:10px;	
	margin-bottom:15px;
}

.contacto-left
{
	width:17%;
	float:left;
	text-align:center;	
}

.contacto-center
{
	float:right;
	width:75%;	
}

.contacto-item
{
	padding-left:10px;	
	padding-bottom:10px;
	width:auto;	
}

.contacto-item img
{	
	width:49px;
	margin:auto;	
}

.contacto-item strong
{
	color:#E70000	
}

.contacto-title
{
	padding-left:10px;
	padding-bottom:10px;
	font-size:18px;	
}

.subform-content
{
	width:100%;
	margin:auto;
	margin-top:10px;	
}

.titulo-contacto
{
	color:#0085cc;
	font-size:14px; 
	font-weight:bold;	
}

.contacto-color
{
	color:#0085cc;
}

.rec-contacto 
{
	position: absolute;
	top: 10px;
	width: auto;
	right:0px;	
	height:120px;
	display:none;	
	z-index: 2000;
	border: 3px solid #0085cc;	
	text-align:left;
	padding:0px;
	background-color:#FFF;
	font-weight:normal;		
}

.ver-contacto
{
	padding: 0px;  
	margin: 0px auto;	
	min-height: 100%;
	height: auto;
	position: relative; 
	z-index:2;
	background-color:#FFF;	
} 

.content-mostrar-filtro
{
	float:right;		
}

.content-mostrar-filtro a
{
	color:#4876AA;
}

.content-mostrar-filtro a:hover
{
	color: #FF8000;		
}

.filtro-contacto-cerrar
{
	text-align:right;
	float:right;
	margin-right:3px;
	font-weight:bold;	
}

.filtro-contacto-cerrar a
{
	color:#4876AA;
	font-weight:bold;
}

/********FIN DE ESTILOS CONTACTOS*********/

.content-actividad
{
	
}

.item-actividad
{
	border-bottom:1px dashed #0085cc;
	margin-bottom:10px;
}

.item-actividad span
{
	font-weight:bold;	
}

.rec-actividad 
{
	position: absolute;
	top: 10px;
	width: 200px;
	right:0px;	
	height:auto;
	display:none;	
	z-index: 2000;
	border: 3px solid #0085cc;	
	text-align:left;
	padding:10px;
	background-color:#FFF;
	font-weight:normal;		
}

.rec-actividad  span
{
	font-weight:bold;	
}

.ver-actividad
{
	padding: 0px;  
	margin: 0px auto;	
	min-height: 100%;
	height: auto;
	position: relative; 
	z-index:2;
	background-color:#FFF;	
} 

.sublist-scroll
{
	overflow-x:none;
	overflow-y:scroll;
	height:200px;
	width:auto;
}

.content-cambio-vista
{
	float:right;	
}

       
/**ESTILOS DEL CONTENEDOR DEL MAPA**/

.contenedor-mapa
{
	position:relative;
	width:650px;
	height:100%;	
}

.contenedor-mapadet
{
	position:relative;
	width:100%;
	height:100%;	
}

.mapa-control
{
	position:absolute;
	z-index:20000;
	top:40px;
	right:8px;
	width:203px;
	height:75px;
	background-color:#fff;
	padding-top:10px;	
}

.mapa-control div
{
	margin-left:10px;	
}

.mapa-control div strong
{
	font-weight:bold;
	color:#E70000;
	margin-right:10px;
}

.mapa-leyenda
{
	position:absolute;
	z-index:20000;
	top:40px;
	right:8px;
	width:80px;
	height:110px;
	background-color:#fff;
	padding:10px;	
}

.formulario-content
{
	border:2px solid #B8E2FB; 
	background-color:#E8F6FF;
	padding:10px;	
}

.formulario-content table
{
	width:100%;		
}

.formulario-content table tr
{
	line-height:27px;	
}


/**ESTILOS PARA LA PARTE DE PEDIDOS*/

.rec-marca 
{
	position: absolute;
	top: 5px;
	width: 220px;
	left: 0px;	
	visibility:hidden;		
	z-index: 2000;
	border: 2px none #8FB1D9;	
	text-align:left;
	padding:0px;
	background-color:#FFFFFF;
	font-weight:normal;		
}

.rec-ruedas 
{
	position: absolute;
	top: 5px;
	width: 220px;
	left: 0px;	
	visibility:hidden;		
	z-index: 2000;
	border: 2px none #8FB1D9;	
	text-align:left;
	padding:0px;
	background-color:#FFFFFF;
	font-weight:normal;		
}

.rec-modelo 
{
	position: absolute;
	top: 5px;
	width: 400px;
	left: -400px;	
	visibility:hidden;		
	z-index: 2000;
	border: 2px none #8FB1D9;	
	text-align:left;
	padding:0px;
	background-color:#FFFFFF;
	font-weight:normal;		
}

.rec-formato
{
	position: absolute;
	top: 5px;
	width: 350px;
	left: -240px;	
	visibility:hidden;		
	z-index: 2000;	
	text-align:left;
	padding:0px;
	background-color:#F4F4F4;
	border:1px solid #D7D7D7;
	font-weight:normal;		
}

.rec-formato-reporte
{
	position: absolute;
	top: 0px;
	height:190px;
	width: 250px;
	right:0px;	
	visibility:hidden;		
	z-index: 20000;	
	text-align:left;
	padding:0px;
	background-color:#FFFFFF;
	border:2px solid #0085cc;
	font-weight:normal;		
}

.rec-resultado
{
	position: absolute;
	top: 5px;
	width: 350px;
	left: -240px;		
	z-index: 2000;	
	text-align:left;
	padding:0px;
	background-color:#F4F4F4;
	border:1px solid #D7D7D7;
	font-weight:normal;		
}

.rec-email
{
	position: absolute;
	top: 5px;
	width: 400px;
	left: 0;		
	z-index: 2000;	
	text-align:left;
	padding:0px;
	background-color:#F4F4F4;
	border:1px solid #D7D7D7;
	font-weight:normal;		
}

.tit-repuesto-for
{
	width:100%;
	height:25px;
	max-height:25px;	
}

.tit-repuesto-txt-for
{
	width:70%;
	float:left;
	height:25px;
	color:#E70000;
	font-size:11px;
	font-weight:bold;
	line-height:25px;
	padding-left:15px;
	padding-top:5px;
}

.tit-repuesto-close-for
{
	width:10%;
	height:25px;
	float:right;
	line-height:25px;
	text-align:right;
	padding-right:5px;	
}


.tit-repuesto-close-for img
{
	margin-top:5px;
	cursor:pointer;
}

.formato-texto
{
	padding:15px;
	color:#4876AA;
	line-height:20px;
}

.formato-texto ul
{
	display:list-item;	
	text-align:left;
	margin-left:10px;
}

.formato-texto ul li
{
	display:list-item;	
	text-align:left;
	font-weight:normal;	
	list-style-type:circle;	
}

.formato-texto ul li a
{
	color:#0085cc;
	font-weight:normal;	
}

.formato-tabla
{
	padding:15px;
	padding-top:00px;	
}

.formato-tabla table tr
{
	line-height:25px;	
}

.formato-tabla table tr td
{
	vertical-align:top;	
}

.formato-tabla-td
{
	width:90px;	
}

.formato-archivo
{
	width:auto;
	text-align:center;
	margin-bottom:10px;	
}

.formato-boton
{
	width:auto;
	text-align:center;
	margin-bottom:10px;	
}

.ver-glosario
{
	padding: 0px;  
	margin: 0px auto;	
	min-height: 100%;
	height: auto;
	position: relative; 
	z-index:2;
} 


.ver-glosario-reporte
{
	padding: 0px;  
	margin: 0px auto;	
	min-height: 100%;
	height: auto;
	position: relative; 
	z-index:2;
} 

.tit-repuesto
{
	width:100%;
	height:25px;
	max-height:25px;	
	background-image:url(../../images/titulo.gif);
}

.tit-repuesto-txt
{
	width:70%;
	float:left;
	height:25px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	line-height:25px;
	padding-left:10px;	
}

.tit-repuesto-close
{
	width:10%;
	height:25px;
	float:right;
	line-height:25px;
	text-align:right;
	padding-right:5px;	
}

.tit-repuesto-close img
{
	margin-top:4px;
	cursor:pointer;
}

.lista-marca
{
	padding:10px 15px;
	height:auto;
	width:auto;
	background-color:#F4F4F4;
	border:1px solid #D7D7D7;	
}

.lista-marca a
{
	font-size:11px;	
	text-decoration:none;
	line-height:20px;
}

.lista-marca a:hover
{
	color:#FF6600;
	text-decoration:underline;
}

.content-resumen
{
	margin-top:10px;	
	border:2px solid #B8E2FB; 
	background-color:#E8F6FF;
	padding:10px;
	height:20px;
	max-height:20px;
	width:450px;	
	float:right;	
}

.resumen-titulo
{
	float:right;
	height:20px;
	color:#0085cc;
	font-size:13px; 
	font-weight:bold;	
	margin-right:20px;
	margin-left:30px;
}

.resumen-item
{
	float:right;
	height:20px;	
}

.titulo-ped-cliente
{
	width:auto;
	float:right;
	text-align:right;	
}

.titulo-ped-cliente1
{
	width:auto;
	float:left;
	text-align:left;	
}

.titulo-ped-cliente1 a
{
	color:#FF8000;	
}

.titcliente
{
	color:#0085cc;
	font-size:13px; 
	font-weight:bold;
}

.titulo-ped-titulo
{
	width:auto;
	float:right;
	color:#0085cc;
	font-size:13px; 
	font-weight:bold;
}

.titulo-ped-cliente a
{
	color:#FF8000;	
}



.estado-pedido
{
	height:18px;
	line-height:18px;
	width:80px;
	text-align:center;
}

.tipo-cotizacion
{
	height:18px;
	line-height:18px;
	width:75px;
	text-align:center;
	background-color:#F5C5C2;
	font-size:10px;	
}

.tipo-pedido
{
	height:18px;
	line-height:18px;
	width:75px;
	text-align:center;	
	background-color:#BEE9D1;
	font-size:10px;
}


.progress-overlay
{   
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
    background: #ffffff;
    z-index:1001;
	opacity:0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    cursor:progress;
    text-align:center;
}

.pedido-item-contador
{
	float:right;
	width:620px;
	text-align:right;
	margin-top:5px;	
}

.pedido-item-contador ul
{
	text-align:right;
}

.pedido-item-contador ul li
{
	display:inline;	
	margin:0 3px;
}


.pedido-item-contador ul li a
{
	font-weight:normal;	
}

.pedido-item-contador ul li .pedido-item-count
{
	color: #FF8000;	
	font-size:12px;
	font-weight:bold;	
}


/**ESTILOS PARA CONTROL DE REPORTE**/


/**ESTILOS PARA LA PARTE DE SISTEMAS DE MANUAL**/

.contentsis-foto
{
	background-color:#E7F5FE;
	border:1px solid #DAE7ED;
	height:300px;
	width:323px;
	float:left;
	margin:auto;
	padding:5px;
	text-align:center;
}

.contentsis-form
{
	border:1px solid #B8E2FB; 
	width:333px;
	border-bottom:1px none #B8E2FB;
}

.contentsis-formalt
{
	border:1px solid #B8E2FB; 
	width:450px;
	border-bottom:1px none #B8E2FB;
}

.content-pnl-tb
{
	border-bottom:1px solid #B8E2FB;	
	padding:5px 0 5px 10px;
}

.contentsis-td
{
	background-color:#E8F6FF;			
	padding:0px 20px 0 10px;
	line-height:24px;	
}

.td-size-form
{
}

.contentsis-form  table tr td
{
	border-bottom:1px solid #B8E2FB; 
}
                          
.contentsis-formalt table tr td
{
	border-bottom:1px solid #B8E2FB; 
	line-height:35px;
}

.contentsis-tdc
{
	padding:5px 5px 5px 15px;
}


#ParametersGridctl00_cphMain_rvGeneral_ctl04 select
{
	border:1px solid #C5DCEB;
	color:#3764A0;
	width:auto;
	font-size:11px;	
	height:22px;
	line-height:18px;	
	text-transform:uppercase;	
}

.titulo-grilla-alt
{
	width:auto;
	float:right;
	color:#0085cc;
	font-size:13px; 
	font-weight:bold;
}

.GridViewContainer
{          
    overflow: auto;   
}

.FrozenCell
{
    background-color:#FFFFD7;
    position: relative;
    cursor: default;
    left: expression(document.getElementById("GridViewContainer").scrollLeft-2);
}

.FrozenHeader
{  
	color:#fff;
	text-transform:none;	
    position: relative;
    cursor: default;           
    top: expression(document.getElementById("GridViewContainer").scrollTop-2);
    z-index: 10;
}

.FrozenHeader.locked
{
    z-index: 99;
}
       


/*ESTILOS PARA MODULO DE MANUALES*/

/*
.cm-cnt-titmodelo
{
	color:#0085cc;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
}

.stepcarousel
{
	position: relative; 
	overflow: hidden; 
	height: 130px;
	margin:0 20px;	
	background:#fff;
	background-image:url(../../images/fnd-carouselmodelo.png);
	background-repeat:repeat-x;	
}


#carousel .belt 
{
	position: absolute;
	left: 0;
	top: 0;
	margin:0;
	
}

#carousel .panel 
{
	width:121px;
	float: left; 
	overflow: hidden;
	margin: 15px;		
	margin-top:10px;
	background-color:#F3F3F3;
	border:1px solid #D0D4D8;
}
#carousel .panel img
{
	margin:5px 10px 0 10px;
}

#carousel .panel  a
{
	font-size:11px;
	color:#4876AA;
}

#carousel .panel a div
{
	text-align:center;
	height:20px;
}

#carousel .panel a:hover
{
	color: #FF8000;	
}

#carousel .panel img:hover
{
	background-color:#fff;
	filter:alpha(opacity=60);
	opacity:0.6;
}
			
.button-prev 
{
	height:130px;
	width:10px;
	float:left;	
}

.button-prev a 
{
	display:block;	
	margin-top:30px;
}

.button-next
{
	height:130px;
	width:10px;
	float:right;
}

.button-next a 
{
	display:block;	
	margin-top:30px;
}

.cm-modelo-item
{
	float:left;
	width:100px;
	height:70px;	
}

.cm-separator
{
	width:auto;
	clear:both;	
}

.cm-content
{
	
}

.cm-content-left
{
	width:42%;
	float:left;
}

.cm-fotomodelotit
{
	color:#0085cc;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;	
}

.cm-tit-sistema
{
	color:#0085cc;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;		
}

.cm-fotomodelotit span
{
	color:#E70000;
	margin-left:10px;
}


.cm-fotomodelo
{
	
}

.cm-fotomodelo img
{
	width:400px;
	height:320px;	
	border:none
}

.cm-content-center
{
	float:right;
	width:57%;	
}

.iconsistema
{
	float:left;
	height:120px;
	width:110px; 
	margin:7px;	
	background-color:#F3F3F3;
	border:1px solid #D0D4D8;
	padding:5px;	
}


.iconsistema img:hover
{
	background-color:#fff;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.iconsistema a 
{
	font-size:11px;
	color:#4876AA;
}

.iconsistema a:hover
{
	color: #FF8000;	
}

.iconsistema a div
{
	text-align:center;
	height:20px;
	font-size:9px
}

#div-popup 
{
	display:none;
	width:80%;
	height:70%;
	background-color:#fff;
	z-index:10000;
}

iframe 
{
 	position:absolute;
 	top:20px; 	
 	left:20px;
 	width:95%;
 	height:95%;
 	overflow:auto;
 	border:none;
}

.bClose 
{
	cursor:pointer;
	font-weight:bold;
	position:absolute;
	right:15px;
	text-decoration:none;
	top:10px;
}

.cm-cnt-articulo
{
	margin:10px;
	width:100%;
	height:100%;	
	margin-top:30px;
}

.cm-articulo-left
{
	width:100%;
	float:left;	
}

.cm-articulo-center
{
	width:100%;
	float:right;	
}

.cm-list-scroll
{
	width:100%;
	overflow-y:scroll;
	height:350px;	
}

.cm-articulo-titsistema
{
	color:#0085cc;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;		
}

.cm-articulo-fotosistema
{
	
}

.label-important
{
	/*color:#0085cc;
	color: #FF8000;
	font-size:18px;
}

/*


/*ESTILOS PARA NUEVOS FORMULARIOS*/

.form-form
{
	width:100%;
	height:auto;
	padding:0;
	margin:20px auto;	
	background-color:#ECF3FF;
	line-height:30px;	
	border-top:1px solid #E1E1E1;
}

.form-campo
{
	height:30px;
	border-bottom:1px solid #E1E1E1;
	width:100%;
	
}

.form-label
{	
	width:180px;
	float:left;
	padding-right:0px;
	line-height:30px;
	padding-left:10px;
	font-weight:bold;
	background-color:#ffffff;	
}

.form-required
{
	color:#D74600;
}

.form-control
{	
	width:auto;
	float:left;
	margin-right:10px;
	vertical-align:middle;	
	margin-left:15px;
	line-height:30px;
	margin-top:5px
}

.form-acttion
{
	width:100%;
	height:25px;
	max-height:25px;
	margin:0 auto;
	margin-bottom:25px
}

.form-event
{
	width:auto;
	height:25px;
	float:right;
	margin-left:6px	
}


.tb-alter-login
{
	width:auto;
	margin-left:30px;
	width:400px;	
}

.tb-alter-login tr td
{	
}

.tb-alter-login .login-lbl
{
	color:#0085cc;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;	
	padding:5px;
}

.linea-login
{
	height:1px;
	border-bottom:1px dashed #0085cc;
	width:100%;
	margin:15px auto;	
}

.tabla-resultado
{
	width:100%;
	margin:auto;	
	margin-top:15px;
}

.tabla-resultado tr
{
	line-height:26px;
}


.linea-division-resultado
{	
	border-right:1px dashed #0085cc;
}

.list-error ul li
{
	background-image:url(../../images/list-bullet.jpg);
	background-repeat:no-repeat;
	background-position:left;
	line-height:20px;
	text-indent:25px;	
}

.cnt-print-ticket
{
	height:30px;
	width:100%;
	background-image:url(../../images/fnd-impresion.png);
	background-repeat:repeat-x;
	line-height:30px;	
}

.cnt-print-ticket a
{
	color:#fff;	
	text-align:right;
	float:right;
	margin-right:15px;
	font-weight:bold;
	
}
.cnt-print-ticket a:hover
{	
	text-decoration:underline;
}


/***SECCION CSS REPORTE FLAS****/


.report-title
{
	height:25px;
	width:auto;	
	color:#0085cc;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
}

.report-title a
{
	text-transform:none;
	color:#0085cc;
	font-size:12px;
}

.report-title a:hover
{
	color: #FF8000;
	text-decoration:underline;	
}

.report-itemreporte
{
	position:relative;
	height:86px;
	text-align:center;	
	border:1px solid #D0D4D8;
	background-color:#F3F3F3;
	margin-bottom:5px;
}

.report-itemreporte a
{
	color:#4876AA;
	font-weight:normal;
}

.report-itemtitle
{	
	bottom:0px;
	width:100%;
	position:absolute;
	height:22px;
	top:63px;
	background-color:#EBEBEB;
	filter:alpha(opacity=80);
	opacity:0.8;
	line-height:22px;
	border-top:1px solid #D0D4D8;
}

.report-incomment
{	
	border:2px solid #B8E2FB; 
	background-color:#E8F6FF;
	padding:15px;	
	padding-right:25px;
	padding-bottom:10px;
}


.report-list
{	
	border:2px solid #B8E2FB; 
	background-color:#E8F6FF;
	padding:15px;	
	width:auto;
	height:100%;	
}

.report-incomment div
{
	float:right; 
	margin-top:5px; 
	margin-right:-10px;
}

.report-comentario
{
	width:auto;
	background-color:#F7F7F7;
	border:1px solid #DDDDDD;
	border-top:none;
	padding:10px;	
}

.report-contentcomment
{
	border-top:1px solid #DDDDDD;
	font-size:12px;
}

.report-comentario span
{
	
}

.report-comentario span strong
{	
	color:#0085cc;
}

.report-comentario .report-itemtexto
{
	margin-top:7px;		
}

.report-comentario .report-itemtexto .report-editing
{
	float:right; 
	margin-top:5px; 
	margin-right:-10px;
}

.report-comentario .report-commentaction
{
	margin-top:10px;
}

.report-comentario .report-commentaction .report-action
{
	float:left;
	margin-right:10px;
	width:10px;
}


.report-comentario .report-commentaction  .report-itemfecha
{
	width:100px;
	float:right;
	color:#0085cc;	
	text-align:right;
}

.accion-pedidoimp
{
	background-image:url(../../images/fnd_menu_accion.png);
	height:27px;
	width:180px;	
	color:#626262;
	line-height:27px;
	text-indent:20px;
}

.accion-pedidoimp a
{	
	color:#4876AA;
}

.accion-pedidoimp:hover
{
	background-image:url(../../images/fnd_menu_accionhover.png);
	height:27px;
	width:180px;	
}

.accion-pedidoimp:hover a
{
	color:#fff;
}


.accion-pedidohover
{
	background-image:url(../../images/fnd_menu_accionhover.png);
	height:27px;
	width:180px;
	line-height:27px;
	text-indent:20px;
}

.accion-pedidohover a
{
	color:#fff;
}

.title-seccion-pdi
{
	width:100%;
	height:30px;
	line-height:23px;
	border-bottom:1px solid #DBDBDB;	
}

.title-seccion-pdi table tr td.leftg
{
	 
	height:30px;
	width:4px;
	background:url("../../images/tabs-l-n.gif");
	background-repeat:no-repeat; 
	text-decoration:none;
}

.title-seccion-pdi table tr td.centerg
{
	 
	height:30px;
	width:auto;
	padding:0 8px;
	background:url("../../images/tabs-c-n.gif");
	background-repeat:repeat-x;	 
	text-decoration:none;
}




.title-seccion-pdi table tr td.rigthg
{	
	height:30px; 
	width:4px;	
	background:url("../../images/tabs-r-n.gif");
	background-repeat:no-repeat; 
	text-decoration:none;
}

.title-seccion-txt
{
	width:40%;
	float:left;
	color:#0085cc;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}

.title-seccion-link
{
	width:40%;
	float:right;	
	text-align:right;
	
}

.tb-pdi-label
{
	width:150px;
	vertical-align:top;	
	border-bottom:1px solid #E7E7E7;
	text-indent:10px;
}

.tb-pdi-form
{
	width:99%;	
}

.tb-pdi-form tr
{
	line-height:26px;	
}

.tb-pdi-control
{
	border-bottom:1px solid #E7E7E7;
	background-color:#F2F2F2;
	padding-left:10px;
}


.pdidatos-contenedor
{	
	/*background-color:#ECF3FF;		
	border:1px solid #D2E3FF;	*/
	height:auto;	
	margin-bottom:20px;
	border:1px solid #E7E7E7;
	border-bottom:1px none #E7E7E7;
}

.pdidatos-mensaje
{
	border:2px solid #F2DD8C; 
	background-color:#FFF5CC;
	padding:10px;
	margin:10px;	
	
}

.pdidatos-resumen
{
	background-color:#ECF3FF;		
	border:1px solid #D2E3FF;		
	padding:5px 15px;
	margin:15px 0;
}


.cuadro-seguimiento
{
	border:2px solid #F2DD8C; 	
	padding:10px;
	margin:10px;	
}

.texto-seguimiento
{		
	height:auto;	
	margin-bottom:20px;
	border:1px solid #E7E7E7;
	border-bottom:1px none #E7E7E7;
	width:80px;
	text-align:left;
}

.ventaveh-mensaje
{
	border:2px solid #F2DD8C; 
	background-color:#FFF5CC;
	padding:10px;
	margin-bottom:20px;	
}

.ventaveh-tit
{
	width:auto;
	float:left;
	color:#0085cc;
	font-size:13px; 
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}

.ventaveh-division
{
	border-left:1px dashed #0085cc;
	width:2%;
}

.content-total
{
	margin-top:10px;	
	border:2px solid #B8E2FB; 
	background-color:#E8F6FF;
	padding:10px;
	height:20px;
	max-height:20px;
	width:220px;	
	float:right;	
}

.resumen-titulo-total
{
	float:right;
	height:20px;
	color:#0085cc;
	font-size:13px; 
	font-weight:bold;	
	margin-right:20px;
	margin-left:30px;
}

.opcion-estadistica
{
    
}

.opcion-estadistica .rojo
{
    float:right;
    width:50px;
    height:16px;
    background-color:#FF6600;    
    text-align:right;
    color:#fff;
    padding:0px 2px;
}

.opcion-estadistica .amarillo
{
    float:right;
    width:50px;
    height:16px;
    background-color:#FFFF33;
    text-align:right;
    padding:0px 2px;
}

.opcion-estadistica .verde
{
    float:right;
    width:50px;
    height:16px;
    background-color:#66CC00;
    text-align:right;
    color:#fff;
    padding:0px 2px;
}